# Vue3 router 跳转时传递参数
# 一、传递参数
通过 query 的方式传递书籍的路径。
router.push({
path: "/onlineRead",
query: {
bookPath: src
}
});
1
2
3
4
5
6
2
3
4
5
6
# 二、接收参数
在 onlineRead页面中接收。
import { useRoute } from "vue-router";
setup() {
const route = useRoute();
let query = route.query;
console.log(query);
return {
route,
query
}
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
这样就可以打印出传递的参数了。